import React, { ReactElement } from "react";
import { View, Text, Circle } from "@react-pdf/renderer";
import { styles as s } from "./style";
import Icon from "../icon";

interface Item {
  name: string;
}

interface Props {
  data: Item[];
  theme: { primaryColor: string; secondaryColor: string };
}

export default function qualifications({ data, theme }: Props): ReactElement {
  return (
    <View style={s.section}>
      <View
        style={{
          ...s.section_header,
          borderBottom: `2px solid ${theme.primaryColor}`,
        }}
      >
        <Text style={{ color: theme.primaryColor }}>任职资格</Text>
      </View>
      <View>
        {data.map((item, index) => {
          return (
            <View style={s.mb8} key={index}>
                <Text style={s.mt4}>{item.name}</Text>
            </View>
          );
        })}
      </View>
    </View>
  );
}
